<template>
    <f7-page toolbar-through class="news-edit">
        <f7-navbar>
            <f7-nav-left back-link=" " sliding></f7-nav-left>
            <f7-nav-center>发布文章</f7-nav-center>
            <f7-nav-right>
                <f7-link href="/news/detail/">发布</f7-link>
            </f7-nav-right>
        </f7-navbar>
        <div class="main">
            <f7-list form>
                <f7-list-item>
                    <f7-input type="textarea" placeholder="请输入标题" value="刘强东：在智能商业时代，未来零售的图景是“无界”和“精准”" class="title"></f7-input>
                </f7-list-item>
                <f7-list-item>
                    <div contentEditable="true" class="content no-fastclick">
                        <p style="text-indent: 2em;">继阿里巴巴董事局主席马云抛出“新零售”的概念后，日前，京东集团董事局主席兼首席执行官刘强东在《财经》杂志发表了《第四次零售革命》署名文章。文章认为，零售业正处在变革前夜，在下一个10年到20年，零售业将迎来第四次零售革命</p>
                        <img src="../../assets/images/test.jpg">
                    </div>
                </f7-list-item>
            </f7-list>
        </div>

        <f7-toolbar>
            <f7-link icon-fa="eye" text="" router-tab-link="/publish/articlePreview/" href="/publish/articlePreview"></f7-link>
            <f7-link icon-fa="camera" text="" router-tab-link="javascript:;" href="javascript:;"></f7-link>
            <f7-link icon-fa="photo" text="" router-tab-link="javascript:;" href="javascript:;"></f7-link>
        </f7-toolbar>
    </f7-page>
</template>

<style lang="scss">
.news-edit {
    .title {
        textarea {
             font-size: 18px;
        }
    }

    .content {
        font-size: 14px;
        outline: none;

        img {
            display: block;
            max-width: 100%;
        }
    }
}
</style>
<script>
    export default {
        data() {
            return {

            }
        }
    }
</script>